<template>
  <div class="layui-side layui-bg-black">
      <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree" lay-filter="test">
          <li class="layui-nav-item">
            <router-link to="/">控制面板</router-link>
          </li>
          <li class="layui-nav-item">
            <a class="javascript:;" href="javascript:;">页面元素</a>
            <dl class="layui-nav-child">
              <dd>
                <router-link to="/layout">布局</router-link>
              </dd>
              <dd>
                <router-link to="/color">颜色</router-link>
              </dd>
              <dd>
                <router-link to="/icon">图标</router-link>
              </dd>
              <dd>
                <router-link to="/anim">动画</router-link>
              </dd>
              <dd>
                <router-link to="/button">按钮</router-link>
              </dd>
              <dd>
                <router-link to="/form">表单</router-link>
              </dd>
              <dd>
                <router-link to="/nav">导航</router-link>
              </dd>
              <dd>
                <router-link to="/tab">选项卡</router-link>
              </dd>
              <dd>
                <router-link to="/progress">进度条</router-link>
              </dd>
              <dd>
                <router-link to="/collapse">面板</router-link>
              </dd>
              <dd>
                <router-link to="/table">表格</router-link>
              </dd>
              <dd>
                <router-link to="/badge">徽章</router-link>
              </dd>
              <dd>
                <router-link to="/timeline">时间线</router-link>
              </dd>
              <dd>
                <router-link to="/auxiliar">辅助</router-link>
              </dd>
            </dl>
          </li>
          <li class="layui-nav-item layui-nav-itemed">
            <a class="javascript:;" href="javascript:;">内置模块</a>
            <dl class="layui-nav-child">
              <dd>
                <router-link to="/modules/layer">弹出层</router-link>
              </dd>
              <dd>
                <router-link to="/modules/laydate">日期与时间选择</router-link>
              </dd>
              <dd>
                <router-link to="/modules/layim">即时通讯</router-link>
              </dd>
              <dd>
                <router-link to="/modules/laypage">分页</router-link>
              </dd>
              <dd>
                <router-link to="/modules/laytpl">模板引擎</router-link>
              </dd>
              <dd>
                <router-link to="/modules/table">数据表格</router-link>
              </dd>
              <dd>
                <router-link to="/modules/form">表单</router-link>
              </dd>
              <dd>
                <router-link to="/modules/upload">文件上传</router-link>
              </dd>
              <dd>
                <router-link to="/modules/element">常用元素操作</router-link>
              </dd>
              <dd>
                <router-link to="/modules/carousel">轮播</router-link>
              </dd>
              <dd>
                <router-link to="/modules/layedit">富文本编辑器</router-link>
              </dd>
              <dd>
                <router-link to="/modules/tree">树形菜单</router-link>
              </dd>
              <dd>
                <router-link to="/modules/flow">流加载</router-link>
              </dd>
              <dd>
                <router-link to="/modules/util">工具集</router-link>
              </dd>
              <dd>
                <router-link to="/modules/code">修饰器</router-link>
              </dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <router-link to="/foo">Go to Foo</router-link>
          </li>
        </ul>
      </div>
    </div>
</template>
<script>
export default {
  data () {
    return {}
  }
}
</script>
